<template>
  <div class="Breadcrumb-Demo-Page">

    <SkyCardPanel title="面包屑">
      <div slot="main">

        <sky-breadcrumb separator="/home">
          <sky-breadcrumb-item :to="{ path: '/' }">首页</sky-breadcrumb-item>
          <sky-breadcrumb-item><a href="/">活动管理</a></sky-breadcrumb-item>
          <sky-breadcrumb-item>活动列表</sky-breadcrumb-item>
          <sky-breadcrumb-item>活动详情</sky-breadcrumb-item>
        </sky-breadcrumb>

      </div>
    </SkyCardPanel>

  </div>
</template>

<script>
  export default {
    data () {
      return {
      }
    },
    methods: {}
  }
</script>

<style lang="scss" scoped>
.Breadcrumb-Demo-Page {
  & /deep/ .card-main {
    padding: 20px !important;
  }
}

.hr {
  margin: 20px 0;
}
</style>